.loginIndex {
	height: 100%;
	background: url("/obt-app/static/image/login/bg.png") no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 1.5rem;
	position: relative;

}

.loginIndex * {
	box-sizing: border-box;
}

.loginIndex-logo {
	text-align: center;
	margin-bottom: 1.5rem;
}
.loginIndex .mui-content {
	background-color: transparent;
}

.loginIndex .mui-segmented-control {
	width: 80%;
	margin: 0 auto;
	border:none;
}
.loginIndex-logo .loginIndex-img {
	width: 30%;
	height: 30%;
}

.loginIndex  .mui-table-view:before{
	height:0;
}
.loginIndex .mui-table {
	width: 80%;
	margin: 0 auto;
	margin-top: 1.5rem;
	background-color: transparent;
}
.loginIndex .mui-table *{
	background-color: transparent;
}
 .loginIndex .mui-table .mui-table-view-cell{
 	padding:0.3rem 0;
 }

.loginIndex .mui-control-content .mui-table-view-cell i {
	width: 1rem;
	color:#DCDCDC ;
}

.loginIndex .mui-control-content li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 3rem;
}
.mui-table .iconfont{
	color: #a2a2a2;
}
.loginIndex .mui-table-view li .change {
	color: #31B4F1;
}

.loginIndex .mui-table-view li .change1 {
		color: #31B4F1;
}

.loginIndex .mui-table-view li .change2 {
		color: #31B4F1;
}

.loginIndex .mui-table-view li .change3 {
		color: #31B4F1;
}

.loginIndex .mui-table-view li .change4 {
		color: #31B4F1;
}

.loginIndex .mui-table-view li input {
	padding: 0;
	margin: 0;
	width: calc(100% - 2rem);
	border: none;
	padding-left: 0.8rem;
	font-size: 1rem;
	color: #31B4F1;
}

.passHandle {
	width: 80%;
	margin: 0 auto;
	margin-top: 0.9rem;
	margin-bottom: 1.5rem;
	text-align: right;
}

.passHandle .loginforgetPassword {
	/*color: #31B4F1;*/
	color: #323232;
	font-size: 0.9rem;
	/*margin-right: 2rem;*/
	display: inline-block;
}

.loginIndex-btn {
	width: 80%;
	margin: 0 auto;
	/*margin-top: 1.5rem;*/
	text-align: center;
	/*width: 15rem;*/
	height: 2.8rem;
	line-height: 2.8rem;
	font-size: 1.2rem;
	color: white;
	background-color: #fec240;
	border:1px solid #e79e00;
	border-radius: 6px;
	margin-top: 2rem;
	}

.loginIndex .loginIndex-footer {
	font-size: 0.8rem;
	color: #007aff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1rem;
	text-align: center;
}

.loginIndex-footer img {
	width: 1rem;
	height: 1rem;
}


/**/

.active {
	display: block;
}

.hide {
	display: none;
}

.loginIndex .mui-table-view-cell:after{
	height:0;
}
.loginIndex .mui-table-view-cell{
	/*border: 1px solid #D7D7D7;*/
	border-bottom: none;

}
.loginIndex #segmentedControl .login-item {
	
	display: inline-block;
	height: 2.6rem;
	background-color: transparent;
	width: 50%;
	border: 1px solid #31B4F1;
	text-align: center;
	line-height: 2.6rem;
	font-size: 1.1rem;
	color: #31B4F1;
	box-sizing: border-box;
	border-bottom: 1px solid #31B4F1 !important;
	/*border-radius: 4px;*/
}

.loginIndex #segmentedControl  .leftLogin{
	border-top-left-radius:6px ;
	border-bottom-left-radius: 6px;
}
.loginIndex #segmentedControl  .rightLogin{
	border-bottom-right-radius:6px ;
    border-top-right-radius:6px;
	
}

.loginIndex #segmentedControl .mui-active {
	background: #31B4F1;
	color: white;
}


.liLine{
	width: 100%;
	height:5px;
	border: 1px solid #d7d7d7;
	border-top: none;
	margin-top: -5px;
}
.activeLine{
	border: 1px solid #31B4F1;
	border-top: none;
}
